<template>
	<view>
	
		<view>
			消息界面
		</view>
		<view class="box-item" v-for="item in list">
			{{item}}
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:['前端','java','大数据','aa','bb','前端','java','大数据']
			}
		},
		onPullDownRefresh() {
			console.log("触发了下拉刷新")
			this.list=['前端工程师','java','大数据','cc','dd','前端','java','大数据']
			uni.stopPullDownRefresh()
		},
		onReachBottom() {
			console.log('页面触底了')
			this.list=[...this.list,...['触底后的数据1','数据2','数据3']]
			
		},
		methods:{
			
		}
	}
</script>

<style>
	.box-item{
		height: 100px;
		line-height: 50px;
	}
</style>
